<template>
    <tn-tag v-if="item[name?name:'vip_lv']" class="tag" size="sm" shape="circle" width="auto" :style="lv[item[name?name:'vip_lv']-1]">LV.{{ item[name?name:'vip_lv'] }}</tn-tag>
</template>

<script>
    export default {
        props: ['item', 'name'],
        data(){
            return {
                lv: [
                    'background: linear-gradient(270deg, #FF6CCE 0%, #F9A1BA 100%);',
                    'background: linear-gradient(270deg, #A7F6F9 0%, #6A6DFF 100%);',
                    'background: linear-gradient(270deg, #189EFF 0%, #06FFAA 100%);',
                    'background: linear-gradient(180deg, #FA5151 0%, #FFC300 100%);',
                    'background: linear-gradient(90deg, #FF7474 0%, #FCA6E2 47%, #FFF8C6 100%);',
                    'background: linear-gradient(90deg, #7F50FE 0%, #FFAEF8 67%, #D5B7F8 100%);',
                ]
            }
        }
    }
</script>
<style lang="scss" scoped>
.tag{
    font-weight: bold;
    margin-right: 16rpx !important;

    &:last-child{
        margin-right: 0rpx !important;
    }
}
.tn-round{
	color: #fff;
}
</style>